
<template>
  <div class="container">
    <el-card class="box-card">
      <el-tabs v-model="activeTab" type="border-card" stretch>
        <el-tab-pane label="登录" name="login">
          <LoginForm />
        </el-tab-pane>
        <el-tab-pane label="注册" name="register">
          <RegisterForm />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import LoginForm from './Login.vue'
import RegisterForm from './Register.vue'

const activeTab = ref('login')
</script>

<style scoped>
.container {
  width: 400px;
  margin: 100px auto;
}
</style>